import { Button } from "antd"
import { memo } from "react"
import { useNavigationWithState } from "@/hooks/useNavigationWithState";
const NotFound = memo(() => {
  const navigate = useNavigationWithState();
  return (
    <div className="flex flex-col items-center justify-center h-screen">
      <h1 className="text-4xl font-bold">404</h1>
      <p className="text-lg">Page Not Found</p>
      <Button onClick={() => { navigate(`/`) }}>返回首页</Button>
    </div>
  );
});

NotFound.displayName = "NotFound";

export default NotFound;